<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>slide-slider</title>

</head>
<body style="margin:0;padding:0;">

<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/slideSlider.min.js"></script>
<script src="js/slideSliderResponsive.min.js"></script>
<script src="js/slideSliderEntry.min.js"></script>
<link type="text/css" rel="stylesheet" href="css/slideSlider.min.css"/>

<div class="slide-slider">
	
	<ul class="slide-slides">

		<!--图片写在页面，方便轮播图交换位置-->
		<li class="slide-slider-list" style="background: url('images/1.jpg');">
			<a href="#1" target="_blank">
				<div class="slide-slider-item">
					<div class="slide-item-content">
						<h3 class="white-ground title">
							文本1111<br>文本1111
						</h3>
						<p class="line2 white-ground">
							文本文本文本文本文本<br>
							文本文本文本文本
						</p>
						<div class="info-link black-button">
							<span class="knowMore">了解更多</span>
						</div>
					</div>
				</div>
			</a>
		</li>
		
		<li class="slide-slider-list" style="background: url('images/2.jpg');">
			<a href="#2" target="_blank">
				<div class="slide-slider-item">
					<div class="slide-item-content">
						<h3 class="white-ground title">
							文本2222<br>文本2222
						</h3>
						<p class="line2 white-ground">
							文本文本文本文本文本<br>
							文本文本文本文本
						</p>
						<div class="info-link black-button">
							<span class="knowMore">了解更多</span>
						</div>
					</div>
				</div>
			</a>
		</li>
		
		<li class="slide-slider-list" style="background: url('images/3.jpg');">
			<a href="#3" target="_blank">
				<div class="slide-slider-item">
					<div class="slide-item-content">
						<h3 class="white-ground title">
							文本3333<br>文本3333
						</h3>
						<p class="line2 white-ground">
							文本文本文本文本文本<br>
							文本文本文本文本
						</p>
						<div class="info-link black-button">
							<span class="knowMore">了解更多</span>
						</div>
					</div>
				</div>
			</a>
		</li>
		
		<li class="slide-slider-list" style="background: url('images/4.jpg');">
			<a href="#4" target="_blank">
				<div class="slide-slider-item">
					<div class="slide-item-content">
						<h3 class="white-ground title">
							文本4444<br>文本4444
						</h3>
						<p class="line2 white-ground">
							文本文本文本文本文本<br>
							文本文本文本文本
						</p>
						<div class="info-link black-button">
							<span class="knowMore">了解更多</span>
						</div>
					</div>
				</div>
			</a>
		</li>

		<li class="slide-slider-list" style="background: url('images/5.jpg');">
			<a href="#5" target="_blank">
				<div class="slide-slider-item">
					<div class="slide-item-content">
						<h3 class="white-ground title">
							文本5555<br>文本5555
						</h3>
						<p class="line2 white-ground">
							文本文本文本文本文本<br>
							文本文本文本文本
						</p>
						<div class="info-link black-button">
							<span class="knowMore">了解更多</span>
						</div>
					</div>
				</div>
			</a>
		</li>
	</ul>
		
	<i class="slide-slider-btn slide-slider-prev"></i>
	<i class="slide-slider-btn slide-slider-next"></i>
				
	<div class="slide-slider-ctrl">
		<span class="slide-slider-dot active"></span>
		<span class="slide-slider-dot"></span>
		<span class="slide-slider-dot"></span>
		<span class="slide-slider-dot"></span>
		<span class="slide-slider-dot"></span>
	</div>
	
</div>


</body>
</html>
